import type { SiderProps } from "antd"
import { Layout, Menu } from "antd"
import styled from "styled-components"

import { SiderTheme } from "./types"

type SiderVerticalWrapperProps = SiderProps & {
	customTheme: SiderTheme
}

const { Sider } = Layout

export const WrapperSider = ({ customTheme, ...rest }: SiderVerticalWrapperProps) => {
	return <Sider theme={customTheme} {...rest} />
}

export const WrapperMenu = styled(Menu)`
	&&& {
		border: none;
		border-inline-end: none;
	}
`
